<template>
  <div class="tooltip">
    <el-tooltip effect="dark" placement="top">
      <div slot="content">
        <p v-for="item in messages" :key="item">
          {{item}}
        </p>
      </div>
      <i class="el-icon-question" style="color:#409eff;margin-left:5px;font-size:15px; cursor: pointer;"></i>
    </el-tooltip>
  </div>
</template>

<script>
  export default {
    props: ['messages']
  };
</script>

<style scoped lang='scss'>
  p {
    margin: 0;
    padding: 0;
  }
</style>
